//   Created by sergey.garnov on 01.10.14.

extends layout
block content
    br
    br
    br
    div(id="usercard").row
        .col-md-offset-2.col-md-8.col-lg-offset-3.col-lg-6
            .well.profile
                .col-sm-12
                    .col-xs-12.col-sm-8
                        h3 #{user.username}
                        p
                            strong About:
                            | Веб-дизайнер.
                        p
                            strong Hobbies:
                            | Книги, природа, активный отдых, сайтостроение, дизайн, верстка
                        p
                            strong Знания:
                            span(class = "tags") HTML5
                            span.tags CSS3
                            span.tags jQuery
                            span.tags Bootstrap
                    .col-xs-12.col-sm-4.text-center
                        figure
                            img.avatar.img-responsive(src='#{user.photoUrl}', alt='user')
                            br
                .col-xs-12.divider.text-center
                    br
                    .col-xs-12.col-sm-4.emphasis
                        h2
                            strong  32,4K
                        p
                            small Подписчиков
                        button.btn.btn-success.btn-block
                            span.fa.fa-plus-circle
                            | Подписатся
                    .col-xs-12.col-sm-4.emphasis
                        h2
                            strong 723
                        p
                            small Записей
                        button.btn.btn-info.btn-block
                            span.fa.fa-user
                            | Профиль
                    .col-xs-12.col-sm-4.emphasis
                        h2
                            strong 74
                        p
                            small Работы
                        button.btn.btn-info.btn-block
                            span.fa.fa-user
                            | Профиль


//    .container
//    .row
//        .col-md-8.col-xs-10
//            .well.panel.panel-default
//                .panel-body
//                    .row
//                        .col-xs-12.col-sm-4.text-center
//                            img.center-block.img-circle.img-thumbnail.img-responsive(src='#{user.photoUrl}', alt='')
//                        .col-xs-12.col-sm-8
//                            h2 #{user.username}
//                            //p
//                            //    strong About:
//                            //    | Web Designer / UI Expert.
//                            //p
//                            //    strong Hobbies:
//                            //    | Read, out with friends, listen to music, draw and learn new things.
//                            //p
//                            //    strong Skills:
//                            //    span.label.label-info.tags html5
//                            //    span.label.label-info.tags css3
//                            //    span.label.label-info.tags jquery
//                            //    span.label.label-info.tags bootstrap3
//                        .clearfix
//                        .col-xs-12.col-sm-4
//                            h2
//                                strong  20,7K
//                            p
//                                small Followers
//                            button.btn.btn-success.btn-block
//                                span.fa.fa-plus-circle
//                                | Follow
//                        .col-xs-12.col-sm-4
//                            h2
//                                strong 245
//                            p
//                                small Following
//                            button.btn.btn-info.btn-block
//                                span.fa.fa-user
//                                | View Profile
//                        .col-xs-12.col-sm-4
//                            h2
//                                strong 43
//                            p
//                                small Snippets
//                            button.btn.btn-primary.btn-block(type='button')
//                                span.fa.fa-gear
//                                | Options




